:root {
    --head-height: 64px;
    --app-theme: #ffffff
}

.head-body-container {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.head {
    height: var(--head-height);
    background-color: #002e46;

}

.aside-main-container {
    height: calc(100vh - var(--head-height));
    flex: 1;
    display: flex;
}

.aside {
    width: 300px;
    overflow: auto;
    background-color: #008c8c;
}

.main {
    flex: 1;

    overflow: auto;
}